.transaction-analysis-container {
  padding: 16px;
}

.filter-card {
  margin-bottom: 16px;
  border-radius: 8px;
}

.filter-card .ant-picker {
  width: 100%;
}

.stats-row {
  margin-bottom: 16px;
}

.stats-row .ant-card {
  border-radius: 8px;
  height: 100%;
}

.stats-row .ant-statistic-title {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.stats-row .ant-statistic-content {
  color: var(--text-color);
  font-size: 24px;
}

.chart-card {
  margin-bottom: 16px;
  border-radius: 8px;
}

.chart-card .ant-card-head {
  border-bottom: 1px solid #f0f0f0;
  padding: 0 16px;
}

.chart-card .ant-card-head-title {
  font-size: 16px;
  font-weight: 500;
}

.chart-card .ant-card-body {
  padding: 16px;
  height: 100%;
}

.chart-row {
  margin-bottom: 16px;
}

.chart-row .ant-card {
  height: 100%;
}

.table-card {
  border-radius: 8px;
}

.table-card .ant-table-thead > tr > th {
  background: var(--background-color);
  font-weight: 500;
}

/* 图表容器样式 */
.chart-container {
  width: 100%;
  height: 300px;
  position: relative;
}

/* 响应式布局 */
@media (max-width: 768px) {
  .transaction-analysis-container {
    padding: 12px;
  }

  .stats-row .ant-col {
    margin-bottom: 16px;
  }

  .chart-row .ant-col {
    margin-bottom: 16px;
  }

  .filter-card .ant-col {
    margin-bottom: 16px;
  }
} 